#addProjectBtn {
    position: absolute;
    right: 14px;
    top: 0;
}

#projectPanel {
    padding: 1.2rem 0;
    overflow-y: auto;
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    height: 100%;
    border-right: 1px solid #f0f0f0;
}

.city {
    margin-left: 1rem;
    margin-right: 1rem;
    color: #CF4B4B;
    margin-bottom: 0.5rem;
    &.teal {
        color: #1FACBC;
    }
}

.city-divider {
    margin-left: 1rem;
    margin-right: 1rem;
    height: 9px;
    border-top: 5px solid #333;
    border-bottom: 1px solid #333;
}

.line-panel {
    margin-right: 1rem;
    margin-left: 4rem;
    .line-header {
        padding: 1rem 0;
        color: #333;
        font-family: georgia, "Microsoft Yahei";
        &.link {
            cursor: pointer;
            &:hover {
                text-decoration: underline;
                color: #3794D7;
            }
            &.active {
                color: #3794D7;
                text-decoration: underline;
            }
        }
    }
    .line-divider {
        margin-right: 1rem;
        height: 1px;
        background-color: #999;
    }
}

.prj-panel {
    margin-left: 3rem;
    margin-right: 1rem;
    padding: 0.8rem 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    .prj-header {
        color: #333;
        font-size: 14px;
        font-family: georgia, "Microsoft Yahei";
        cursor: pointer;
        display: inline;
        &:hover {
            text-decoration: underline;
            color: #C61043;
        }
        &.active {
            color: #C61043;
        }
    }
}
